<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <title>Document</title>
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <div class="top">
            <ul>
                <li>
                    <a href="./name.html">登录 &nbsp;&nbsp;|</a>
                </li>
                <li>
                    <a href="./register.html">免费注册</a>
                </li>
                <li>
                    <a href="#">关注我们</a>
                    <i class="iconfont">&#xe8f2;</i>
                    <div class="photo">
                        <div class="photo1"></div>
                    </div>
                </li>
                <li>
                    <a href="#">下载APP</a>
                    <i class="iconfont">&#xe8f2;</i>
                    <div class="photo3">
                        <div class="photo4"></div>
                    </div>
                </li>
                <li>
                    <a href="#">帮助中心</a>
                </li>
                <li>
                    <a href="#">收藏</a>
                    <i class="iconfont">&#xe628;</i>
                </li>
            </ul>
        </div>
    </div>
    <!-- 搜索框 -->
    <div class="introduce">
        <div class="middle">
            <div class="logo">
                <h2>
                    <a href="./index.html" title="茶七网"></a>
                </h2>
            </div>
            <div class="search">
                <input type="text" value="搜素所有商品" id="search-1">
                <button type="submit" class="btn">搜索</button>
            </div>
            <div class="hot">
                <span>热搜榜：</span>
                <a href="#">大红袍</a>
                <a href="#">铁观音</a>
                <a href="#">金骏眉</a>
            </div>
            <div class="shopping">
                <a href="#">
                <i class="iconfont">&#xe600;</i>
                    购物车 
                    <i class="iconfont">&#xe637;</i>
                </a>
                <div class="shopping-1">
                    <span>您的购物车没有商品</span>
                </div>
            </div>
            <div class="telephone">
                <i class="iconfont">&#xe507;</i>
                <span class="Hotline">订购热线</span>
                <br>
                <em>
                    400-9993-51
                    <b>3</b>
                </em>
                <p>
                    温馨提示：请您核对无误后拨出，谢谢！
                </p>
            </div>
        </div>
        <div class="nav">
            <div class="cont">
                <div class="nav-left">
                    <p>
                        <i class="iconfont">&#xe609;</i>
                        全部商品分类
                    </p>
                    </div>

                <!-- 导航条 -->
                <div class="nav-cont">
                        <ul>
                            <li>
                            <a href="#">首页</a>
                                </li>
                            <li>
                                <a href="">金骏眉</a>
                            </li>
                            <li>
                                <a href="">大红袍</a>
                            </li>
                            <li>
                                <a href="">铁观音</a>
                            </li> 
                            <li>
                                <a href="">龙井</a>
                            </li>
                            <li>
                                <a href="">茶具</a>
                            </li>
                            <li>
                                <a href="">茶师亲制</a>
                            </li>
                            <li>
                                <a href="">茶币商城</a>
                            </li>
                <li class="nav-last">
                    <i>
                        <img src="./images/hot.gif" alt="">
                    </i>
                    <a href="#">
                        <img src="./images/ctbl.gif" alt="">
                    </a>
                            </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
  <!-- -------------轮播图-------------------    -->
        <div class="banner">
            <div class="menu">
                <ul>
                <li class="timer">
                <i class="iconfont">&#xe60a;</i>
                <span>全部好茶</span>
                <em class="iconfont">&#xe637;</em>
                    </li>
                    <li class="post">
                        <p>热销</p>
                        <span>金骏眉</span>
                        <span>铁观音</span>
                        <span>大红袍</span>
                        <span>龙井</span>
                        <span>黄山毛峰</span>
                        <span>滇红</span>
                        <span>漳平水仙</span>
                        <span>正山小种</span>
                        <ul class="ht">
                            <li>
                        <span>龙井</span>
                        <span>黄山毛峰</span>
                        <span>碧螺春</span>
                        <span>雀舌</span>
                        <span>太平猴魁</span>
                        <span>六安瓜片</span>       
                            </li>
                                
                            <li>
                        <span>铁观音</span>
                        <span>武夷岩茶</span>
                        <span>漳平水仙</span>
                            </li>
                            <li>
                        <span>金骏眉</span>
                        <span>云南滇红</span>
                        <span>正山小种</span>
                        <span>祁门红茶</span>
                        <span>政和工夫</span>
                        <span>坦洋工夫</span>
                        </li>
                        <li>
                        <span>白牡丹</span>
                         <span>牡丹王</span>
                        <span>白毫银针</span>
                        <span>贡眉</span>
                        </li>
                        <li>
                            <span>生茶</span>
                            <span>熟茶</span>
                        </li>
                        <li>
                            <span>茉莉花茶</span>
                            <span>花草茶</span>
                        </li>
                        <li>
                            <span>紫砂壶</span>
                            <span>建盏</span>
                            <span>功夫茶具</span>
                            <span>茶具电器</span>
                            <span>茶具配件</span>
                            <span>旅行茶具</span>
                            <span>整套茶具</span>
                            <span>整套茶具</span>
                            <span>茶盘</span>
        <img src="./images/banner1.png" alt="">
                        </li>   
                            </li>
                        </ul>
                    </li>
                  
             
                    <li class="post">
                        <p>茶类</p>
                        <span>信阳毛尖</span>
                        <span>午子仙毫</span>
                        <span>南京雨花茶</span>
                        <span>庐山雨雾</span>
                        <span>惠明茶</span>
                        <span>平水珠茶</span>
                        <ul class="ht">
                            <li>
                        <span>英山云雾茶</span>
                        <span>恩施玉露</span>
                        <span>竹叶青茶</span>
                        <span>径山茶</span>
                        <span>休宁松萝</span>
                        <span>六安瓜片</span>       
                            </li>
                                
                            <li>
                        <span>老竹大方</span>
                        <span>敬亭绿雪</span>
                        <span>仙人掌茶</span>
                            </li>
                            <li>
                        <span>西湖龙井</span>
                        <span>洞庭湖碧螺春</span>
                        <span>蒙顶茶</span>
                        <span>顾渚紫笋</span>
                        <span>桂平西山茶</span>
                        <span>坦洋工夫</span>
                        </li>
                        <li>
                        <span>白牡丹</span>
                         <span>牡丹王</span>
                        <span>白毫银针</span>
                        <span>贡眉</span>
                        </li>
                        <li>
                            <span>生茶</span>
                            <span>熟茶</span>
                        </li>
                        <li>
                            <span>茉莉花茶</span>
                            <span>花草茶</span>
                        </li>
                        <li>
                           
                           <img src="./images/citiao.jpg" alt="">
                        </li>   
                            </li>
                        </ul>          
                    </li> 

                <li class="timer">
            <i class="iconfont">&#xe8bc;</i>
            <span>热销茶具</span>
         <em class="iconfont">&#xe637;</em>
                        </li>
                    
                     <li class="post">
                         <p>推荐</p>
                        <span>紫砂壶</span>
                        <span>建盏</span>
                        <span>飘逸杯</span>
                        <span>功夫茶具</span>
                        <span>配件</span>
                        </li>
                        <li class="timer">
                            <i class="iconfont">&#xe69a;</i>
                    <span>手艺</span>
                    <em class="iconfont">&#xe637;</em>
                                        </li>
                        <li class="post">
                        <span>推荐</span>
                        <span>根雕</span>
                        <span>小叶紫檀</span>
                        </li>
                    </li>

                </ul>
            </div>
     
        </div>


        <!-- 解析图 -->
        <div class="analysis">
            <img src="./images/webintro2.png" alt="">
        </div> 

        <!-- 介绍 -->
        <div class="box">
            <div class="title">
            <h2>茶，生活</h2>
            <span>TEA LIFE</span>
            </div>
        <div class="box-cont">
            <ul class="tent">
                <li class="rob">
                    <h2 class="que">爱茶•茶与生活</h2>
                <div class="recover">
                    <h4>武夷山名从解析之铁罗汉</h4>
                    <p>冬季的武夷山依旧浓绿，深深浅浅，浮现深秋的影子，"过不久也许会下雪吧"</p>
                    <div class="io">
                        <img src="./images/0008204_0.png" alt="">
                    </div>
                </div>
                </li>

                <li class="roa">
                <h2 class="wer">乐茶•一路找茶</h2>
                <div class="recover-1">
                    <h5>太平|《茶之路》</h5>
                    <p>
                        《茶之路》茶季.归途 黄昏时分，太平县茶叶交易市场依然人潮熙攘
                    </p>
                    <div class="iu">
                        <img src="./images/0004672_0.jpeg" alt="">   
                </div>
                </div>
                </li>
                <li class="roc"> 
                <h2 class="wed">
                    懂茶•一路找茶
                </h2>
                <div class="recover-2">
                <h3>泡茶 | 多少度水 才能泡出好茶？</h3>
                <p>对于一杯茶来说，水的质量决定了跑出来的品质</p>
                <div class="po">
                <img src="./images/0005673_0.jpeg" alt="">
                </div>
                </div>
                </li>
                <li class="ros">
                <h2 class="wif">制茶•茶师亲制</h2>
                <h4>白茶 | 制作工艺</h4>
                <p>小七的独爱白茶今天又来和大家说见面了、白茶一直都是小七的独爱、情不知所起一往情深</p>
                <div class="jkm">
                <img src="./images/0004764_0.png" alt="">
                </div>
                </li>
            </ul>
        </div>

        <div class="fication">
        <h2>分类推荐</h2>
        <span class="seven">7天无理由退换货</span>
        </div>
    <!-- ----------绿茶------------>
        <div class="refee">
            <div class="referee">
            <h3 class="referee-1">绿茶</h3>
            <span>
                <a href="">龙井</a>
                <a href="">黄山毛峰</a>
                <a href="">碧螺春</a>
                <a href="">雀舌</a>
                <a href="">太平猴魁</a>
                <a href="">安吉白茶</a>
                <a href="">六安瓜片</a>
            </span>

            </div>
        </div>
            <div class="free">
            <ul class="cle">
            <li>
            <a href="./detail-page.html">
            <p class="pore">
                <img src="./images/0113415_0.jpeg" alt="">
            </p>
            <p class="preo">
                <small>登堂入室</small>
                浓郁豆香龙井1号
            </p>
            <div class="pic">
                <span class="piac">￥</span>
                <span class="piacd">68</span>
                <span class="piadd">约136元/斤</span>
                <button class="btn">立即购买</button>
            </div>
            </a>
            </li>
            <li>
            <a href="">
                <p class="timi">
                <img src="./images/0052268_0.jpeg" alt="">
                </p>
            <p class="timo">
                <small>登堂入室</small>
                 雨前头采碧螺春1号散茶
            </p>
            <div class="timp">
                <span class="lii">￥</span>
            <span class="lio">68</span>
                <span class="lop">约136元/斤</span>
                <button class="btn1">立即购买</button>
                    </div>
                    </a>
            </li>
            <li>
                <a href="">
                    <p class="hero">
                    <img src="./images/0157278_0.png" alt="">
                    </p>
                <p class="hroe">
                    <small>略有小成</small>
                     浙江果粟香雨前龙井2号
                </p>
                <div class="hreo">
                    <span class="nana">￥</span>
                <span class="pdid">88</span>
                    <span class="ioi">约290元/斤</span>
                    <button class="btn2">立即购买</button>
                        </div>
                        </a>
            </li>
            <li>
                <a href="">
                    <p class="hero">
                    <img src="./images/0156523_0.png" alt="">
                    </p>
                <p class="hroe">
                 黄山太平猴魁绿茶1号
                </p>
                <div class="hreo">
                    <span class="nana">￥</span>
                <span class="pdid">99</span>
                    <span class="ioi">约396元/斤</span>
             <button class="btn2">立即购买</button>
                </div>
                </a>
            </li>
            <li>
                <a href="">
                    <p class="timi">
                    <img src="./images/0052311_0.jpeg" alt="">
                    </p>
                <p class="timo">
                    <small>登堂入室</small>
                     历史名茶黄山毛峰1号
                </p>
                <div class="timp">
                    <span class="lii">￥</span>
                <span class="lio">58</span>
                <span class="lop">约160元/斤</span>
                    <button class="btn1">立即购买</button>
                </div>
                </a>
            </li>
            </li>
            </ul>
            </div>
<!-- ------------乌龙------------- -->
     <div class="uron-1">
        <div class="uron">
            <h3 class="uron-2">乌龙</h3>
        
        <a href="">铁观音</a>
        <a href="">武夷岩茶</a>
        <a href="">漳平水仙</a>
            </div>
           
        <div class="own">
         <ul class="own-1">
         <li>
        <a href="">
    <p class="bans">
 <img src="./images/0017170_0.jpeg" alt="">
                </p>
     <p class="bas">
<small>登堂入室</small>
        漳平水仙兰香1号
         </p>
    <div class="bane">
       <span class="ner">￥</span>
  <span class="ner-1">99</span>
<button class="btn-1">立即购买</button>
                </div>
                </a>
                </li>
        <li><a href="">
            <p class="bans">
         <img src="./images/0130740_0.png" alt="">
                        </p>
             <p class="bas">
            消青工艺浓香铁观音1号
                 </p>
            <div class="bane">
               <span class="ner">￥</span>
          <span class="ner-1">128</span>
        <button class="btn-1">立即购买</button>
                        </div>
                        </a></li>
        <li><a href="">
            <p class="bans">
         <img src="./images/0012932_0.jpeg" alt="">
                        </p>
             <p class="bas">
               武夷中火醇香大红袍1号
                 </p>
            <div class="bane">
               <span class="ner">￥</span>
          <span class="ner-1">99</span>
        <button class="btn-1">立即购买</button>
                        </div>
                        </a></li>
        </div>
        
   <!-- ---红茶------  -->
   <div class="urons">
    <div class="uront">
        <h3 class="uron-p">红茶</h3>
      
    <a href="">金骏眉</a>
    <a href="">正山小种</a>
    <a href="">云南滇红</a>
    <a href="">祁门红茶</a>
        </div>
       
    <div class="owns">
     <ul class="owns-1">
     <li>
    <a href="">
<p class="bano">
<img src="./images/0130744_0.png" alt="">
            </p>
 <p class="baso">
<small>登堂入室</small>
    云南凤庆经典蜜香滇红
     </p>
<div class="banener">
   <span class="nert">￥</span>
<span class="nert-1">88</span>
<button class="btn-2">立即购买</button>
            </div>
            </a>
            </li>
    <li><a href="">
        <p class="bano">
     <img src="./images/0014005_0.jpeg" alt="">
                    </p>
         <p class="baso">
        云南凤庆高海拔古树滇红
             </p>
        <div class="banener">
           <span class="nert">￥</span>
      <span class="nert-1">99</span>
    <button class="btn-2">立即购买</button>
                    </div>
                    </a></li>

    <li><a href="">
        <p class="bano">
     <img src="./images/0012961_0.jpeg" alt="">
                    </p>
         <p class="baso">
        全芽黄芽金骏眉2号
             </p>
        <div class="banener">
           <span class="nert">￥</span>
      <span class="nert-1">99</span>
    <button class="btn-2">立即购买</button>
                    </div>
                    </a></li>
    <li><a href="">
        <p class="bano">
     <img src="./images/0093509_0.jpeg" alt="">
                    </p>
         <p class="baso">
        红茶鼻祖正山小种1号
             </p>
        <div class="banener">
           <span class="nert">￥</span>
      <span class="nert-1">88</span>
    <button class="btn-2">立即购买</button>
                    </div>
                    </a></li>
                    
    </div>
    <!-- --------白茶----------- -->
    <div class="urons">
        <div class="uront">
            <h3 class="uron-p">白茶</h3>
             <span>
        <a href="">白牡丹</a>
        <a href="">牡丹王</a>
        <a href="">白毫银针</a>
        <a href="">贡眉</a>
            </div>
           
        <div class="owns">
         <ul class="owns-1">
         <li>
        <a href="">
    <p class="bano">
    <img src="./images/0156222_0.jpeg" alt="">
                </p>
     <p class="baso">
    <small>登堂入室</small>
        2018年花香贡眉白龙珠
         </p>
    <div class="banener">
       <span class="nert">￥</span>
    <span class="nert-1">68</span>
    <span class="lop">约269元/斤</span>
    <button class="btn-2">立即购买</button>
                </div>
                </a>
                </li>
        <li><a href="">
            <p class="bano">
         <img src="./images/0013989_0.jpeg" alt="">
                        </p>
             <p class="baso">
        <small>略有小成</small>
        2017福鼎高山枣香老贡眉
                 </p>
            <div class="banener">
               <span class="nert">￥</span>
          <span class="nert-1">118</span>
          <span class="lop">约140元/斤</span>
        <button class="btn-2">立即购买</button>
                        </div>
                        </a></li>
    
        <li><a href="">
            <p class="bano">
         <img src="./images/0098677_0.jpeg" alt="">
                        </p>
             <p class="baso">
    <small>炉火纯青</small>
    福鼎大白茶白毫银针散茶
                 </p>
            <div class="banener">
               <span class="nert">￥</span>
          <span class="nert-1">138</span>
          <span class="lop">约680元/斤</span>
        <button class="btn-2">立即购买</button>
                        </div>
                        </a></li>
                        
        </div>
<!-- -------普洱---------------->
<div class="urons">
    <div class="uront">
        <h3 class="uron-p">普洱</h3>

    <a href="">生茶</a>
    <a href="">熟茶</a>
        </div>
       
    <div class="owns">
     <ul class="owns-1">
     <li>
    <a href="">
<p class="bano">
<img src="./images/0013995_0.jpeg" alt="">
            </p>
 <p class="baso">
<small>登堂入室</small>
    云南糯米香小熟沱普洱
     </p>
<div class="banener">
   <span class="nert">￥</span>
<span class="nert-1">49</span>
<span class="lop">约98元/斤</span>
<button class="btn-2">立即购买</button>
            </div>
            </a>
            </li>
    <li><a href="">
        <p class="bano">
     <img src="./images/0013951_0.jpeg" alt="">
                    </p>
         <p class="baso">
    <small>略有小成</small>
2018顶级宫廷熟普洱茶饼
             </p>
        <div class="banener">
           <span class="nert">￥</span>
      <span class="nert-1">168</span>
      <span class="lop">约240元/斤</span>
    <button class="btn-2">立即购买</button>
                    </div>
                    </a></li>

    <li><a href="">
        <p class="bano">
     <img src="./images/0013949_0.jpeg" alt="">
                    </p>
         <p class="baso">
<small>炉火纯青</small>
     2013布朗山普洱生茶饼
             </p>
        <div class="banener">
           <span class="nert">￥</span>
      <span class="nert-1">148</span>
      <span class="lop">约210元/斤</span>
    <button class="btn-2">立即购买</button>
                    </div>
                    </a></li>
    <li><a href="">
        <p class="bano">
     <img src="./images/0013948_0.jpeg" alt="">
                    </p>
         <p class="baso">
<small>炉火纯青</small>
    2013芒景古树普洱生茶饼
             </p>
        <div class="banener">
           <span class="nert">￥</span>
      <span class="nert-1">320</span>
      <span class="lop">约450元/斤</span>
    <button class="btn-2">立即购买</button>
                    </div>
                    </a></li>
                    
    </div>
<!-- ---------花茶--------- -->
<div class="urons">
    <div class="uront">
        <h3 class="uron-p">花茶</h3>

    <a href="">茉莉花茶</a>
        </div>
</div>
<!-- --------安吉白茶------ -->
<div class="urons">
    <div class="uront">
        <h3 class="uron-p">安吉白茶</h3>
        </div>
</div>
    <!-- -------茶具------ -->
    <div class="urons">
        <div class="uront">
            <h3 class="uron-p">茶具</h3>
    
        <a href="">紫砂壶</a>
        <a href="">建盏</a>
        <a href="">功夫茶具</a>
        <a href="">茶具配件</a>
        <a href="">干泡茶具</a>
        <a href="">旅行茶具</a>
        <a href="">整套茶具</a>
        <a href="">茶盘</a>
            </div>
           
        <div class="owns">
         <ul class="owns-1">
         <li>
        <a href="">
    <p class="bano">
    <img src="./images/0111770_0.jpeg" alt="">
                </p>
     <p class="baso">
        建阳青木小黑滴建盏茶具
         </p>
    <div class="banener">
       <span class="nert">￥</span>
    <span class="nert-1">399</span>
    <button class="btn-2">立即购买</button>
                </div>
                </a>
                </li>
        <li><a href="">
            <p class="bano">
         <img src="./images/0008581_0.jpeg" alt="">
                        </p>
             <p class="baso">
        大红袍泥-玉露壶
                 </p>
            <div class="banener">
               <span class="nert">￥</span>
          <span class="nert-1">258</span>
        <button class="btn-2">立即购买</button>
                        </div>
            </a></li>     
        </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
<!-- ----------------------- -->
    

<div class="new">
    <div class="new-tea">
        <div class="caddy">
            <h1>茶资讯</h1>
            <span>更多></span>
        </div>
    <div class="lar">
    <a href="">
    <i class="order1">1</i>
<span> 茂县“大红袍”花椒大丰收 预计产值1亿元左右</span>
    </a>
    <a href="">
    <i class="order2">2</i>
<span>  探 访 茶 行</span>
    </a>
    <a href="">
    <i class="order3">3</i>
<span> 漳平市2015年“生态杯”漳平水仙春季茶王赛举行</span>
    </a>
    <a href="">
    <i class="order4">4</i>
<span> “漳平水仙茶饼DIY”2014全国30城联动走进丽江</span>
    </a>
    <a href="">
    <i class="order5">5</i>
<span>我国茶产业面临的机遇与挑战</span>
    </a>
    <a href="">
    <i class="order6">6</i>
<span>2015年漳平“生态杯”茶王赛落幕 “水仙公主”、“水仙王子”出炉</span>
    </a>
    <a href="">
    <i class="order7">7</i>
<span>泡好茶是这样来的 ——武夷山茶界大师谈大红袍 </span>
    </a>
    <a href="">
    <i class="order8">8</i>
<span>杭州茶博会6日启动 四大嗨点尽享茶世界</span>
    </a>
    <a href="">
    <i class="order9">9</i>
<span>四川茶产业将以川茶品牌国际化战略开启全新征程</span>
    </a>
    <a href="">
    <i class="order10">10</i>
<span>种茶种风景如何两相宜？苍南八亩后村的"成长烦恼"</span>
    </a>
    </div>
    </div>
    <!-- ------------------------- -->
    <div class="ment">
        <div class="ments">
            <h1>热榜排行</h1>
 <div class="bit">
    <ul>
        <li>
            <a href="">
                <img src="./images/001_0.jpeg" alt="">
            </a>
            <div class="cent">
            <span class="nale">茶友</span>
            <em>评分：★★★★★</em>
            <p>前面几泡有惊喜，后边下滑快，坐杯有苦味出来，考虑到这个价格，还算不错了</p>
            </div>
        </li>
        <li>
            <a href="">
            <img src="./images/002_0.png" alt="">
            </a>
            <div class="cent">
                <span class="nale">茶友</span>
                <em>评分：★★★★★</em>
                <p>此款茶香味色泽口感都不错！</p>
                </div>
        </li>
        <li>
            <a href="">
                <img src="./images/003_0.jpeg" alt="">
            </a>
            <div class="cent">
                <span class="nale">茶友</span>
                <em>评分：★★★★★</em>
                <p>不错！喜欢的茶友可以试试。</p>
                </div>
        </li>
        </ul>
       </div>
        </div>
        </div>
    <div class="nule">
        <div class="ruls">
            <h1>茶叶百科</h1>
            <span>更多></span>
        </div>
        <div class="rule">
        <ul>
            <li>
            <a href="">云南普洱茶十大品牌</a>
            </li>
            <li>
            <a href="">印象大红袍</a>
            </li>
            <li>
            <a href="">喝普洱茶能减肥吗</a>
            </li>
            <li>
            <a href="">普洱茶的保存</a>
            </li>
            <li>
            <a href="">大红袍茶叶价格</a>
            </li>
            <li>
            <a href="">安溪铁观音茶</a>
            </li>
            <li>
            <a href="">云南普洱茶</a>
            </li>
            <li>
            <a href="">黑茶</a>
            </li>
        </ul>
        </div>
    </div>
        </div>
<!-- -------两边悬停------------->
    <div class="show">
    <ul>
        <li class="show-1">
            <em class="shows"></em>
            茶，生活
        </li>
        <li class="show-2">
        <em class="shous"></em>
        分类推荐
        </li>
        <li class="show-3">
            <em class="shoued"></em>
            词条部落
        </li>
    </ul>
    </div>
    <div class="code">
        <div class="ico"></div>
        <div class="oic"></div>
    </div>
    
   <a href="#" id="fole">
       <img src="./images/tup (1).png" alt="">
   </a>
   <!-- 结尾 -->
   <div class="footer">
    <div class="footer-mian">
    <div class="fotn">
        <span>关于我们 /</span>
        <span>配送政策 /</span>
        <span>招贤纳才 /</span>
        <span>帮助中心 /</span>
        <span>联系我们 /</span>
        <span>招商加盟 /</span>
        <span>网站地图 /</span>
        <span>词条部落 </span>
    </div>
    <div class="fontn">
    <p>Copyright 2016, 茶七网 TEA7.COM</p>
    <p class="post">
    增值电信业务经营许可证：B1.B2-20160011 &nbsp;&nbsp;&nbsp;&nbsp;
    闽ICP备14011677号-2                                           
    </p>
    <p class="post-1">
        服务时间：08:30-21:00 &nbsp;&nbsp;&nbsp;
        客服热线:400-9993-513(温馨提示：请您核对无误后拨出，谢谢！)  
    </p>
    <p class="fink">
    友情链接： 76676 八达社区 茶人码头 信阳毛尖 茶叶 新乡 中国茶厂网 茶多网 茶叶加盟 武夷山旅游网
    </p>
    <p class="kep">
        <a href="" style="text-decoration: none;">
            <img src="./images/cnnic.png" alt="" >
            <img src="./images/cert.png" alt=""id="keep">
        </a>
    </p>
    </div>
    <div class="QR">
        <img src="./images/guanzhu_weixin_20 (1).jpg" alt="">
        <p>
            <i class="iconfont">&#xe63f;</i>
            <br>
        扫码关注微信公众号
        </p>
    </div>
    <div class="QR-1">
    <img src="./images/erweima.jpg" alt="">
    <p>
        APP
        <br>
        手机客户端下载
    </p>
    </div>
    </div>
   </div>
</body> 
<script src="./libs/jquery.js"></script>
<script src="./js/jquery.banner.js"></script>
</html>
<script>
     const imgs = [{
            "title":"1",
            "alt":"1",
            "src":"./images/0012673_0.png"
        },{
            "title":"3",
            "alt":"3",
            "src":"./images/lunbotu2.png"
        },{
            "title":"4",
            "alt":"4",
            "src":"./images/banner2.png"
        },{
            "title":"5",
            "alt":"5",
            "src":"./images/banner3.png"
        }]

        $(".banner").banner(imgs,{
        btn:true,
        list:true,
        moveTime:200,
        delayTime:2000
    });
    // 三级菜单
    $(function(){
    $(".menu").find("li").hover(function(){
        $(this).children("ul").show();
    },function(){
        $(this).children("ul").hide();
    })
})
</script> 